@charset "utf-8";
@import "_reset.scss";
//头部部分
body{
    background: #f6f6f6;
}
#top{
    height:38px;
    background: #dfdfde;
    .top-content{
        width:995px;
        height:38px;
        margin:0 auto;
        .top-1{
            float:left;
            font-size: 14px;
            font-family: "微软雅黑";
            line-height:38px;
            margin-left:8px;
        }      
        .top-2{
            float:right;
            font-size: 14px;
            font-family: "微软雅黑";
            line-height:38px;
            margin-right:25px;
            cursor: pointer;
      
            &:hover{
                color:crimson;
            }
        }
    }
}
//头部部分


//导航部分
.nav-color{
    height:97px;
    background: white;
}
#nav{
    width:995px;
    height:97px;
    margin:0 auto;
    //导航左边
    .nav-left{
        float:left;
        height:97px;
        border-top:1px solid transparent;
        img{
            float:left;
        }
        .logo-p{
            float:left;
            margin-top:22px;
            margin-left:21px;
            .left-1{
                font-size:25px;
            }
            .left-2{
                font-size:13px;
                margin-top:-2px;

            }
        }
    }   
    //导航左边
    
    //导航右边
    .nav-right{
        width:605px;
        height:97px;
        float:right;
        >ul>li{
            float:left;
            width:86px;
            height:97px;         
            text-align: center;
            font-family: "微软雅黑";
            font-weight: bold;
            font-size:14px;
            cursor:pointer; 
            box-sizing:border-box; 
            &:hover{
                    background: #faf8f8;
                    border-bottom:4px solid #3c9cd3;
                }
            >a{
                width:86px;
                height:97px;
                display:inline-block;  
                font-size:14px;
                color:black; 
                display:flex;
                align-items: center;
                justify-content: center;                                            
            }       
        }      
    }  
    //导航右边          
}
//导航部分

.banner img{
    width:100%;
    display:block;
    box-shadow: 2px 2px 10px #828282 ;

}



//中间部分

#main{
    .main-top{
        width:1020px;
        height:442px;
        margin:0 auto;
        display:flex;
        justify-content: space-between;
        .t-left{
            width:480px;
            height:442px;
            position:relative;
            >p{
                font-size:12px;
                font-family: "微软雅黑";
                margin-left:13px;
                margin-top:11px;
                font-weight: bold;
            }
            .s-search{
                position:absolute;
                top:320px;
                right:16px;
                cursor: pointer;
            }
            .t-show{
                width:480px;
                height:323px;
                border-top:1px solid transparent;
                margin-top:5px;
                border-right:1px solid #b9b9b9;
                img{
                                     
                    display:block;
                    margin:0 auto;
                    margin-top:70px;
                }
            }
            .t-small{
                transform: translateX(1.5px);
               
                span{
                    float: left;
                    display:block;
                    width:94.8px;
                    height:85px;
                    border:1px solid #b9b9b9;
                    border-right:none; 
                    cursor: pointer;                 
                    >img{
                        
                       width:43px;
                       display:block;
                       margin:0 auto;
                       margin-top:9px;
                        
                    }
                }
                .sp-last{
                        border-right:1px solid #b9b9b9;
                    }
            }
        }
        .t-right{
            width:472px;
            height:442px;

            h3{
                margin-top:96px;
                font-size:25px;
                color:#468bd9;
                font-family: "微软雅黑";
            }
            .p-1{
                font-size:25px;
                margin-top:10px;
                font-family: "微软雅黑";
            }
            .p-2{
                font-size:18px;
                margin-top:26px;
                margin-bottom:5px;
                font-family: "微软雅黑";
            }
            .p-3{
                font-size:12px;
                font-family: "微软雅黑";
                line-height:22px;
            }
            button{
                width:170px;
                height:50px;
                background: #b5b5b5;
                color:white;
                border-radius: 8px;
                margin-top:16px;
                margin-left:9px;
                margin-right:35px;
                &:hover{
                    background: #468bd9;
                }
            }
        }
    }
}
#main .nav-2{
    height:100px;
    background: #b5b5b5;
    margin-top:41px;
    ul{
        margin-left:184px;
    }
    ul>li>a{
        float:left;
        width:95px;
        height:100px;
        line-height:100px;
        color:white;
        text-align:center;
        font-size:20px;
        margin-right:66px;
        box-sizing:border-box; 
        &:hover{
            background: #faf8f8;
            color:#5894db;
            border-bottom:6px solid #3c9cd3;
        }
    }
}
#main{
    .detail-big{
        background: white;
        border-top:1px solid transparent;
    }
    .detail-1{
        width:641px;
        margin:0 auto;
        h2{
            font-size:33px;
            font-family: "微软雅黑";
            text-align: center;
            margin-top:72px;
            color:#0b5ae4;
        }
        p{
            font-size:12px;
            font-family: "微软雅黑";
            text-align: center;
            color:#b6b6b6;
            margin-top:20px;
        }
        .second{
            margin-top:9px;
        }
        .span-img{
            margin-top:83px;
        }
        img{
           vertical-align: middle;
        }
    }
    .detail-2{
        width:747px;
        margin:0 auto;
        margin-top:30px;
        h2{
            font-size:33px;
            font-family: "微软雅黑";
            text-align: center;

            color:#0b5ae4;
        }
        p{
            font-size:12px;
            font-family: "微软雅黑";
            text-align: center;
            color:#b6b6b6;
            margin-top:20px;
        }
        .second{
             margin-top:9px;
        }
        >img{
            margin-top:39px;
        }
    }
    .detail-3{
        margin-top:61px;
    }
    .detail-4{
        
        width:753px;
        height:698px;       
        margin:0 auto;
        margin-top:30px;
        border-top:1px solid transparent;
        h2{
            font-size:33px;
            font-family: "微软雅黑";
            text-align: center;
            color:#0b5ae4; 
            margin-top:30px;
            margin-bottom:20px;
        }
    }
    .nav-3{
        margin-top:10px;
        margin-bottom:80px;
    }
    .nav-4{
        margin-top:100px;
    }
    .detail-5{
        img{
            display:block;
            margin:0 auto;
            
        }
    }
    .product{
        height:363px;
        border-top:1px solid transparent;
        .more{
            width:985px;
            height:168px;
            margin:0 auto;
            margin-top:73px;
            margin-left:153px;
            display:flex;
            justify-content: space-between;
            img{
                cursor: pointer;
                transition:all 2s;
                &:hover{
                    transform: scale(1.5);
                }
            }
            
        }
    }
}

//中间部分














//尾部部分
#footer{
    height:100px;
    background: #3c9cd3;
    border-top:1px solid transparent;
    .tb{
        text-align: center;
        margin-top:27px;
        font-size:12px;
        color:white;
        .span-p{
            
        }
        .iconfont{
            color:#48b9fa;
            margin-right:20px;
        }
        .icon-weibo{
            font-size:24px;
            margin-left:5px;
            vertical-align: -12%;
            
        }
        .icon-qq{
            font-size:20px;
            vertical-align: 0%;
        }
        .icon-weixin{
            font-size: 24px;
            vertical-align: -12%;
        }
     
    }
    p{
        text-align: center;
        color:white;
        font-size:12px;
    }
}
.copy{
    height:35px;
    background: #1c1b29;
    p{
        color:white;
        text-align: center;
        line-height:35px;
        font-size:12px;
    }
}
//尾部部分